<template>
  <div>
    <el-dialog title="销售出库单详情"  width="1200px" @open="open" class="icon-dialog" :visible.sync="show" :before-close="closeForm" append-to-body>
      <el-form ref="form" :model=" saleoutstockform " size="small" label-width="80px" :inline="true" class="header">
        <el-row>

          <el-col :span="10">
            <el-form-item label="确认日期:" class="no-wrap-label">{{ saleoutstockform.isDate }}</el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="订单编号:" class="no-wrap-label" label-width="130px">{{ saleoutstockform.billNo }}</el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="客户编码:" class="no-wrap-label">{{ saleoutstockform.custNo }}</el-form-item>
          </el-col>

        </el-row>

        <br />
      </el-form>

      <el-table :data="saleoutstockList" height="calc(100vh - 300px)">
        <el-table-column label="NTKNO" width="120" prop="ntkno"></el-table-column>
        <el-table-column label="订单编号" width="120" prop="billNo"></el-table-column>
        <el-table-column label="箱码" width="120" prop="boxNo"></el-table-column>
        <el-table-column label="客户件号" width="120" prop="custNumber"></el-table-column>
        <el-table-column label="工程件号" width="120" prop="engerNumber"></el-table-column>
        <el-table-column label="TY件号" width="120" prop="tynumber"></el-table-column>
        <el-table-column label="库存货位" width="120" prop="stockNumber"></el-table-column>
        <el-table-column label="数量" width="120" prop="count"></el-table-column>
        <el-table-column label="单重" width="120" prop="singleWeight"></el-table-column>
        <el-table-column label="净重" width="120" prop="netWeight"></el-table-column>
        <el-table-column label="毛重" width="120" prop="grossWeight"></el-table-column>
        <el-table-column label="是否可以叠压" width="120" prop="isPressure"> </el-table-column>
        <el-table-column label="长" width="120" prop="longth"></el-table-column>
        <el-table-column label="宽" width="120" prop="width"></el-table-column>
        <el-table-column label="高" width="120" prop="height"></el-table-column>
        <el-table-column label="条形码内容" width="120" prop="barCode"></el-table-column>
        <el-table-column label="计划出货日期" width="120" prop="outTime"></el-table-column>
        <el-table-column label="TY产品净重" width="120" prop="tynetWeight"></el-table-column>
        <el-table-column label="TY纸盒" width="120" prop="typarper"></el-table-column>
        <el-table-column label="TY托盘+纸品" width="120" prop="typalletHelp"></el-table-column>
        <el-table-column label="TY毛重" width="120" prop="tygroWeight"></el-table-column>
        <el-table-column label="SKU" width="120" prop="sku"></el-table-column>
        <el-table-column label="托数" width="120" prop="palletsNumber"></el-table-column>
        <el-table-column label="目的港" width="120" prop="aimPort"></el-table-column>
        <el-table-column label="备注" width="120" prop="note"></el-table-column>
      </el-table>

    </el-dialog>

  </div>
</template>
<script>
import { detail  } from '@/api/app/saleoutstock'
import saleoutstock from "@/views/app/saleoutstock/index.vue";
export default {
	name:'saleOutStockdetail',
	props: {
		show: {
			type: Boolean,
			default: true
		},
		size: {
			type: String,
			default: 'mini'
		},
		info: {
			type: Object,
		},
	},
	data() {
		return {
      saleoutstockform:{},
      saleoutstockList:[],
		}
	},
	watch:{
		show(val){
			if(val){
			}
		}
	},
	methods: {
    open(){
      detail(this.info).then(res => {
        if (res.status == 200) {
          this.saleoutstockform= res.data.data;
          this.saleoutstockList = res.data.dataList;
        } else {
          this.$message.error('获取详情失败2，请稍后再试');
        }
      }).catch(error => {

        this.$message.error('获取详情失败，请稍后再试');
      });
    },
    closeForm(){
      this.$emit('update:show', false)
    }
  }
}
</script>
<style  lang="scss">
@import '@/assets/scss/common.scss'
</style>
